<!DOCTYPE html>  
<html>  
<head>  
	<meta charset="utf-8"/>  
	<title></title>  
	<style type="text/css">  
	body{
		margin:0;
		padding:0;
		font-size:14px;
		font-family:微软雅黑;
		background:#EEE5DE;
	}  
	
	.main {
		width:100%;
		height:600px;
		overflow-y:scroll;
	}
	
	.LeftContent {
		float:left;
		width:19%;
		height:100%;
		border-right:2px solid #E8E8E8;
		background:#EEC591;
	}
	
	.listModule {
		width:96%;
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
	.listModule li {
		line-height: 26px;
		margin-left: 20px;
		overflow: visible;
		list-style-type: disc;
		cursor:pointer;
	}
	
	.EditContent {
		float:right;
		width:80%;
		height:100%;
		background:#DEDEDE;
	}
	
	.layui-btn {
		display: inline-block;
		height: 38px;
		line-height: 38px;
		padding: 0 18px;
		background-color: #009688;
		color:#fff;
		white-space: nowrap;
		text-align: center;
		font-size: 14px;
		border: none;
		border-radius: 2px;
		cursor: pointer;
	}
	.show {
		display: block;
	}
	.hide {
		display: none;
	}
	
	</style>  
</head>  
<body>  

<div class='main'>

	<div class='LeftContent'>
	<div id='op'>
		<button type="button" class="layui-btn">添加</button>
	</div>
		<ul class='listModule'>
			<li><a id='uuid_1'><cite>数据项1</cite></a></li>
			<li><a id='uuid_2'><cite>数据项2</cite></a></li>
		</ul>
	</div>
	
	<div class='EditContent'>
		
	</div>

</div>


<script src='javascripts/jquery.js' type='text/javascript'></script>
<script type="text/javascript">

var P = {};

P.data = [
	{
		'uuid': '123456789',
		'name': '数据项1'
	},
	{
		'uuid': '987654321',
		'name': '数据项2'
	}
];

_Lfet = {
	init: function() {
		
	},
	add: function() {
		
	},
	del: function() {
		
	},
	edit: function() {
		
	}
}

</script>
  
</body>  
</html>  